<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description"
          content="Kode is a Premium Bootstrap Admin Template, It's responsive, clean coded and mobile friendly">
    <meta name="keywords" content="bootstrap, admin, dashboard, flat admin template, responsive,"/>
    <title>{% block title %}{% endblock %}</title>
    <link href="../static/css/root.css" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="{{ url_for('static',filename="img/logo.png") }}"/>
    {% block add_css %}
    {% endblock %}
</head>
<body>
<div class="loading"><img src="../static/img/loading.gif" alt="loading-img"></div>
<div id="top" class="clearfix">
    <div class="applogo">
        <a href="index.html" class="logo">社团中心</a>
    </div>
    <a href="#" class="sidebar-open-button"><i class="fa fa-bars"></i></a>
    <a href="#" class="sidebar-open-button-mobile"><i class="fa fa-bars"></i></a>
    <form class="searchform">
        <input type="text" class="searchbox" id="searchbox" placeholder="Search">
        <span class="searchbutton"><i class="fa fa-search"></i></span>
    </form>
    <a href="#sidepanel" class="sidepanel-open-button"><i class="fa fa-outdent"></i></a>
    <ul class="top-right">
        <li class="dropdown link">
            <a href="#" data-toggle="dropdown" class="dropdown-toggle profilebox"><img
                    src="../static/img/profileimg.png" alt="img"><b>{{ g.user.username }}</b><span class="caret"></span></a>
            <ul class="dropdown-menu dropdown-menu-list dropdown-menu-right">
                <li><a href="{{ url_for('show_user',user_id=g.user.id) }}"><i class="fa falist fa-user"></i> 个人资料</a>
                </li>
                <li><a href="{{ url_for('logout') }}"><i class="fa falist fa-power-off"></i> 退出登陆</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="sidebar clearfix">
    <ul class="sidebar-panel nav">
        <li class="sidetitle">主菜单</li>
        <li><a href="{{ url_for('index') }}"><span class="icon color5"><i class="fa fa-home"></i></span>首页</a></li>
        <li><a href="#"><span class="icon color7"><i class="fa fa-navicon"></i></span>公告管理<span
                class="caret"></span></a>
            <ul>
                <li><a href="icons.html">公告列表</a></li>
                <li><a href="tabs.html">添加公告</a></li>
            </ul>
        </li>
        <li><a href="#"><span class="icon color7"><i class="fa fa-list-alt"></i></span>通知管理<span
                class="caret"></span></a>
            <ul>
                <li><a href="icons.html">通知列表</a></li>
                <li><a href="tabs.html">添加通知</a></li>
            </ul>
        </li>
        <li><a href="#"><span class="icon color7"><i class="fa fa-tasks"></i></span>社团管理<span class="caret"></span></a>
            <ul>
                {% if g.user.role_permission != 3%}
                    <li><a href="{{ url_for('club_list') }}">社团列表</a></li>
                    <li><a href="{{ url_for('add_club') }}">添加社团</a></li>
                    <li><a href="{{ url_for('my_apply_club_list') }}">申请列表</a></li>
                    {% else %}
                    <li><a href="{{ url_for('club_list') }}">我的社团</a></li>
                    <li><a href="{{ url_for('join_club_list') }}">加入新社团</a></li>
                    <li><a href="{{ url_for('my_apply_club_list') }}">我的申请列表</a></li>
                {% endif %}
            </ul>
        </li>
        <li><a href="#"><span class="icon color7"><i class="fa fa-users"></i></span>用户管理<span class="caret"></span></a>
            <ul>
                <li><a href="{{ url_for('user_list') }}">用户列表</a></li>
                <li><a href="tabs.html">添加用户</a></li>
            </ul>
        </li>
    </ul>
</div>
<div class="content">
    <!-- Start Page Header -->
    <div class="page-header">
        {% block page_header %}
        {% endblock %}
    </div>
    <div class="container-padding">
        {% block main_content %}
        {% endblock %}
    </div>
    <div class="row footer">
        <div class="col-md-6 text-left">
            Copyright © 2020 <a href="#" target="_blank">华东师范大学</a> All rights reserved.
        </div>
        <div class="col-md-6 text-right">
            Design and Developed by <a href="#" target="_blank">教育信息技术学系</a>
        </div>
    </div>
</div>
<div role="tabpanel" class="sidepanel">
    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li role="presentation" class="active"><a href="#today" aria-controls="today" role="tab"
                                                  data-toggle="tab">TODAY</a></li>
        <li role="presentation"><a href="#tasks" aria-controls="tasks" role="tab" data-toggle="tab">TASKS</a></li>
        <li role="presentation"><a href="#chat" aria-controls="chat" role="tab" data-toggle="tab">CHAT</a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        <!-- Start Today -->
        <div role="tabpanel" class="tab-pane active" id="today">
            <div class="sidepanel-m-title">
                Today
                <span class="left-icon"><a href="#"><i class="fa fa-refresh"></i></a></span>
                <span class="right-icon"><a href="#"><i class="fa fa-file-o"></i></a></span>
            </div>
            <div class="gn-title">NEW</div>
            <ul class="list-w-title">
                <li>
                    <a href="#">
                        <span class="label label-danger">ORDER</span>
                        <span class="date">9 hours ago</span>
                        <h4>New Jacket 2.0</h4>
                        Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="label label-success">COMMENT</span>
                        <span class="date">14 hours ago</span>
                        <h4>Bill Jackson</h4>
                        Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="label label-info">MEETING</span>
                        <span class="date">at 2:30 PM</span>
                        <h4>Developer Team</h4>
                        Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="label label-warning">EVENT</span>
                        <span class="date">3 days left</span>
                        <h4>Birthday Party</h4>
                        Etiam auctor porta augue sit amet facilisis. Sed libero nisi, scelerisque.
                    </a>
                </li>
            </ul>
        </div>
        <!-- End Today -->
        <!-- Start Tasks -->
        <div role="tabpanel" class="tab-pane" id="tasks">
            <div class="sidepanel-m-title">
                To-do List
                <span class="left-icon"><a href="#"><i class="fa fa-pencil"></i></a></span>
                <span class="right-icon"><a href="#"><i class="fa fa-trash"></i></a></span>
            </div>
            <div class="gn-title">TODAY</div>
            <ul class="todo-list">
                <li class="checkbox checkbox-primary">
                    <input id="checkboxside1" type="checkbox"><label for="checkboxside1">Add new products</label>
                </li>
                <li class="checkbox checkbox-primary">
                    <input id="checkboxside2" type="checkbox"><label for="checkboxside2"><b>May 12, 6:30 pm</b> Meeting
                    with Team</label>
                </li>
                <li class="checkbox checkbox-warning">
                    <input id="checkboxside3" type="checkbox"><label for="checkboxside3">Design Facebook page</label>
                </li>
                <li class="checkbox checkbox-info">
                    <input id="checkboxside4" type="checkbox"><label for="checkboxside4">Send Invoice to
                    customers</label>
                </li>
                <li class="checkbox checkbox-danger">
                    <input id="checkboxside5" type="checkbox"><label for="checkboxside5">Meeting with developer
                    team</label>
                </li>
            </ul>
            <div class="gn-title">TOMORROW</div>
            <ul class="todo-list">
                <li class="checkbox checkbox-warning">
                    <input id="checkboxside6" type="checkbox"><label for="checkboxside6">Redesign our company
                    blog</label>
                </li>
                <li class="checkbox checkbox-success">
                    <input id="checkboxside7" type="checkbox"><label for="checkboxside7">Finish client work</label>
                </li>
                <li class="checkbox checkbox-info">
                    <input id="checkboxside8" type="checkbox"><label for="checkboxside8">Call Johnny from Developer
                    Team</label>
                </li>
            </ul>
        </div>
        <!-- End Tasks -->
        <!-- Start Chat -->
        <div role="tabpanel" class="tab-pane" id="chat">
            <div class="sidepanel-m-title">
                Friend List
                <span class="left-icon"><a href="#"><i class="fa fa-pencil"></i></a></span>
                <span class="right-icon"><a href="#"><i class="fa fa-trash"></i></a></span>
            </div>
            <div class="gn-title">ONLINE MEMBERS (3)</div>
            <ul class="group">
                <li class="member"><a href="#"><img src="../static/img/profileimg.png" alt="img"><b>Allice Mingham</b>Los
                    Angeles</a><span class="status online"></span></li>
                <li class="member"><a href="#"><img src="../static/img/profileimg2.png" alt="img"><b>James Throwing</b>Las
                    Vegas</a><span class="status busy"></span></li>
                <li class="member"><a href="#"><img src="../static/img/profileimg3.png" alt="img"><b>Fred Stonefield</b>New
                    York</a><span class="status away"></span></li>
                <li class="member"><a href="#"><img src="../static/img/profileimg4.png" alt="img"><b>Chris M.
                    Johnson</b>California</a><span class="status online"></span></li>
            </ul>
            <div class="gn-title">OFFLINE MEMBERS (8)</div>
            <ul class="group">
                <li class="member"><a href="#"><img src="../static/img/profileimg5.png" alt="img"><b>Allice Mingham</b>Los
                    Angeles</a><span class="status offline"></span></li>
                <li class="member"><a href="#"><img src="../static/img/profileimg6.png" alt="img"><b>James Throwing</b>Las
                    Vegas</a><span class="status offline"></span></li>
            </ul>
            <form class="search">
                <input type="text" class="form-control" placeholder="Search a Friend...">
            </form>
        </div>
        <!-- End Chat -->
    </div>
</div>
<script type="text/javascript" src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="../static/js/plugins.js"></script>
{% block add_js %}
{% endblock %}
</body>
</html>